<ion-view title="首页">
    <ion-content >
        <ion-slide-box class="pic-slider" auto-play="true" does-continue="true" >
            <ion-slide ng-repeat="slider in sliders">
                <a class="slide" ng-href="{{slider.link}}">
                <img ng-src="{{slider.imgUrl}}"></a>
            </ion-slide>
        </ion-slide-box>
        <h4 class="title tc-red-500">
            即将开奖 <small class="tc-grey-600">满额开奖 这是不是你的</small>
        </h4>
        <div class="goods-col">
            <ul class="goods-list">
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum1.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum2.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度65%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 65%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
            </ul>
        </div>
        <div class="goods-col hot mv+">
            <div class="lab">人气</div>
            <ul class="goods-list">
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum3.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li class="grid-box">
                    <div class="grid-item">
                        <a href="#/tab/home/goods-detail" class="img-box">
                            <img src="img/thum1.png" >
                           iWatch玫瑰金限量版16G
                        </a>
                    </div>
                    <div class="grid-item">
                        <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum4.png" ></a>
                        <h2>乐行V5青春版限量版</h2>
                    </div>
                    <div class="grid-item">
                        <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum5.png" ></a>
                        <h2>乐行V5青春版限量版</h2>
                    </div>

                </li>
            </ul>
        </div>
        <div class="goods-col new mv+">
            <div class="lab">新品</div>
            <ul class="goods-list">
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum6.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li class="grid-box">
                    <div class="grid-item">
                        <a href="#/tab/home/goods-detail" class="img-box">
                            <img src="img/thum1.png" >
                           iWatch玫瑰金限量版16G
                        </a>
                    </div>
                    <div class="grid-item">
                        <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum4.png" ></a>
                        <h2>乐行V5青春版限量版</h2>
                    </div>
                    <div class="grid-item">
                        <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum5.png" ></a>
                        <h2>乐行V5青春版限量版</h2>
                    </div>

                </li>
            </ul>
        </div>
        <div class="goods-col all mv+">
            <div class="lab">全部</div>
            <ul class="goods-list">
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum1.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum2.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度65%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 65%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum3.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum4.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度65%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 65%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum5.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum6.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度65%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 65%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum7.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum1.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度65%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 65%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum2.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度45%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 45%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
                <li>
                    <a href="#/tab/home/goods-detail" class="img-box"><img src="img/thum3.png" ></a>
                    <h2>(第七期)乐行V5青春版限量版</h2>
                    <div class="db-row">
                        <p>开奖进度65%</p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 65%"></div>
                        </div>
                        <button class="button button-outline button-positive" ng-click="openModal()">立即夺宝</button>
                    </div>
                </li>
            </ul>
        </div>






    </ion-content>
</ion-view>
